<!--
To change this template, choose Tools | Templates
and open the template in the editor.
-->
<!DOCTYPE html>
<html>
    <head>
        <title>Tin Tức</title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">       
        <link type="text/css" rel="stylesheet" href="css/bootstrap.css" media="all">   
        <link type="text/css" rel="stylesheet" href="css/paschino.css" media="all"> 
    </head>
    <body>

        <div class="container" style="background-image: url('img/body_background.jpg'); padding-bottom: 70px">
                 <div class="offset4" >
                    <div class="nav" style="margin-right: 40px"> 
                        <div class="menu" >
                            <a class="submenu" href="#">
                                <div class="greenmenu" >
                                      <div class="menutitle" >
                                    Trang chủ 
                                </div>
                                </div>
                              
                            </a>
                        </div>
                        <div class="menu">
                            <a class="submenu" href="#">
                                <div class="orangemenu " >
                                      <div class="menutitle"  >
                                    Giới thiệu
                                </div>
                                </div>
                              
                            </a> 
                        </div>
                        <div class="menu">
                            <a class="submenu" href="#">
                                <div class="purplemenu" >
                                       <div class="menutitle"  >
                                    Menu
                                </div>
                                </div>
                             
                            </a> 
                        </div>
                        <div class="menu">
                            <a class="submenu" href="#">
                                <div class="greenmenu greenmenuactive" >
                                     <div class="menutitle"  >
                                    Tin tức 
                                </div>
                                </div>
                               
                            </a>
                        </div>
                        <div class="menu">
                            <a class="submenu" href="#">
                                <div class="orangemenu" >
                                     <div class="menutitle"  >
                                    Thư viện
                                </div>
                                </div>
                               
                            </a> 
                        </div>
                        <div class="menu">
                            <a class="submenu" href="#">
                                <div class="purplemenu" >
                                       <div class="menutitle"  >
                                    Tuyển dụng 
                                </div>
                                </div>
                             
                            </a>
                        </div>
                        <div class="menu">
                            <a class="submenu" href="#">
                                <div class="greenmenu" >
                                     <div class="menutitle"  >
                                    Liên hệ
                                </div>
                                </div>
                               
                            </a> 
                        </div>
                    </div>
                </div>
    
            <div class="item">

                <img class="logopaschino" src="img/logo_paschino.png">

            </div>
       

            <div class="row-fluid" style="min-height: 650px; max-height: 2000px">

                <div class="span11" style="background-color: white !important; margin-left: 48px; margin-top: 50px; padding-bottom: 20px" >
                    <div class="controls" >
                        <div class="row-fluid" style="height: 50px; background-color: #5EC4B6">
                            <label style="font-size: 30px; line-height: 50px; margin-left: 30px; color: white">Tin Tức</label>

                        </div>
                        <div class="row-fluid">
                            <div class="span12">
                                <div class="item">
                                    <div class="item-image" style="max-width: 850px; min-width: 850px; margin-left: 43px; margin-top: 20px; min-height: 500px; max-height: 500px; ">

                                        <img style="max-width: 850px; min-width: 850px; min-height: 500px; max-height: 500px " src="img/tintuc.jpg">

                                    </div>
                                </div>

                                <div class="tintuccontext">
                                    <div class="controls-row" style="margin-left: 30px;">
                                        <label style="line-height: 25px; font-size: 25px;  padding-top: 15px; font-family: Adobe">Nhận diện thương hiệu mới</label>
                                        <label style=" padding-top:5px  ">Thứ Bảy, 07/08/2013</label>
                                        <p style="">Anticaest porei plint? Consilis vissedefaut vitius, quo vitam pullesseri sendam concerf ectastra nit.
                                            Ampl. Cia se et ad clem omaximo ribuspec ocavehe berum, non sillabus</p>
                                    </div>
                                    <label class="pull-right" style="margin-right: 20px">Read more -->></label>
                                </div>

                            </div>
                            <div class="row-fluid">
                                <div class="item">
                                    <div class="item-image" style="max-width: 850px; min-width: 850px; margin-left: 43px; margin-top: 20px; min-height: 500px; max-height: 500px;">

                                        <img style="max-width: 850px; min-width: 850px; min-height: 500px; max-height: 500px " src="img/tintuc.jpg">

                                    </div>
                                </div>
                                <div class="item">
                                    <div class="item-image" style="max-width: 850px; min-width: 850px; margin-left: 43px; margin-top: 20px; min-height: 500px; max-height: 500px; ">

                                        <img style="max-width: 850px; min-width: 850px; min-height: 500px; max-height: 500px " src="img/tintuc.jpg">

                                    </div>
                                </div>
                                <div class="item">
                                    <div class="item-image" style="max-width: 850px; min-width: 850px; margin-left: 43px; margin-top: 20px; min-height: 500px; max-height: 500px; ">

                                        <img style="max-width: 850px; min-width: 850px; min-height: 500px; max-height: 500px " src="img/tintuc.jpg">

                                    </div>
                                </div>



                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <script type="text/javascript" src="js/jquery.js"></script>
        <script type="text/javascript" src="js/bootstrap.js"></script>
        <script type="text/javascript">
            $('.carousel').carousel({
                interval: 5000
            })
        </script>
        <script type="text/javascript">
            $(document).ready(function() {
                $('.viewport').mouseenter(function(e) {
                    $(this).children('a').children('img').animate({height: '220', left: '0', top: '0', width: '265'}, 100);
                    $(this).children('a').children('span').fadeIn(200);

                }).mouseleave(function(e) {
                    $(this).children('a').children('img').animate({height: '220', left: '0', top: '0', width: '265'}, 100);
                    $(this).children('a').children('span').fadeOut(200);
                });
            });
        </script>
        <footer>
            <div class="container" >
                <div class="pull-left offset1" style="width: 400px; position: absolute; color: white; margin-top: 50px">
                    <label style="font-weight: bold">Địa Chỉ:</label>
                    <label>1A Hồng Hà, P.2, Q.Tân Bình, Tp.Hồ Chí Minh</label>
                    <label>Điện thoại: 0839304040</label>
                    <label>Email: admin@paschinocoffee.com</label>
                </div>
                <div class="imagefooter">
                    <img src="img/DELIVERY.png">
                </div>
                <div class="row-fluid" style="height: 200px">
                    <img style="max-height: 200px; min-height: 200px; width: 1024px" src='img/footer_green.png'>
                </div>
                <div class="row-fluid" style="padding-top: 10px;">
                    <img style="height: 50px; width: 100%" src='img/footer.png'>
                </div>
            </div>  

        </footer>
    </body>


</html>
